<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:stella="http://stella.caelum.com.br/faces2"
      >
    <script type="text/javascript" src="/jsf/resources/jquery.maskedinput-1.2.1.js"></script>
    <ui:composition template="/template/principal.xhtml">
        <ui:define name="conteudo">
            <h:form>
                <p:panel header="Cadastro de Tecnico">
                    <p:focus/>
                    <p:messages globalOnly="true"/>
                    <p:tabView activeIndex="#{tecnico.etapaCadastro}">
                        <p:tab title="Dados Pessoais" rendered="#{tecnico.etapaCadastro==0}">
                            <h:panelGrid columns="3">
                                <h:outputText value="Nome do Tecnico:"/>
                                <p:inputText id="nome" value="#{tecnico.novaPessoaBean.nome}"  size="40" maxlength="40" required="true" requiredMessage="Campo Obrigatório"/>
                                <p:message for="nome"/>
                                <h:outputText value="e-mail"/>
                                <p:inputText id="email" value="#{tecnico.novaPessoaBean.email}" size="40" maxlength="40" required="true" requiredMessage="Campo Obrigatório">
                                    <f:validator validatorId="validadorEmail"/>
                                </p:inputText>
                                <p:message for="email"/>
                                <h:outputText value="Cpf:"/>
                                <p:inputMask id="cpf" mask="999.999.999-99" value="#{tecnico.novaPessoaBean.cpf}" size="15"  maxlength="14"  required="true"  requiredMessage="Campo Obrigatório">
                                    <stella:validateCPF formatted ="true"/>
                                </p:inputMask>
                                <p:message for="cpf"/>
                                <h:outputText value="Data de Nascimento:"/>
                                <p:calendar id="dn" value="#{tecnico.novaPessoaBean.datanascimento}"  locale="pt_BR" size="10" required="true" requiredMessage="Campo Obrigatório"/>
                                <p:message for="dn"/>
                                <h:outputText value="Telefone:"/>
                                <p:inputMask  id="tel" mask="(99)9999-9999" value="#{tecnico.novaPessoaBean.telefone1}"  size="13"  maxlength="13" required="true" requiredMessage="Campo Obrigatório" />
                                <p:message for="tel"/>
                                <h:outputText value="Celular:"/>
                                <p:inputMask  id="cel" mask="(99)9999-9999" value="#{tecnico.novaPessoaBean.celular1}" size="13"  maxlength="13" required="true" requiredMessage="Campo Obrigatório"/>
                                <p:message for="cel"/>
                                <h:outputText value="Função:"/>
                                <h:selectOneMenu id="funcao" binding="#{tecnico.funcaoSelecionada}">
                                    <f:selectItem noSelectionOption="true" itemLabel="--Selecione uma Função -- "/>
                                    <f:selectItems value="#{funcaotec.funcoesCombo}"/>
                                </h:selectOneMenu>
                                <p:message for="funcao"/>
                                <br/>
                                <h1><h:outputText value="Endereço"/></h1>

                                <h:outputText value="Logradouro"/>
                                <p:inputText id="rua" value="#{tecnico.novaPessoaBean.logradouro}" size="50" maxlength="50" required="true" requiredMessage="Campo Obrigatório"/>
                                <p:message for="rua"/>
                                <h:outputText value="Numero"/>
                                <p:inputText id="numero" value="#{tecnico.novaPessoaBean.numero}" size="6" maxlength="6" required="true" requiredMessage="Campo Obrigatório"/>
                                <p:message for="numero"/>
                                <h:outputText value="Bairro"/>
                                <p:inputText id="bairro" value="#{tecnico.novaPessoaBean.bairro}" size="20" required="true" requiredMessage="Campo Obrigatório"/>
                                <p:message for="bairro"/>
                                <h:outputText value="Cidade"/>
                                <p:inputText id="cidade" value="#{tecnico.novaPessoaBean.cidade}" size="20" required="true" requiredMessage="Campo Obrigatório"/>
                                <p:message for="cidade"/>
                                <h:outputText value="Estado"/>
                                <h:selectOneMenu id="estado" value="#{tecnico.novaPessoaBean.estado}" required="true" requiredMessage="Campo Obrigatório">
                                    <f:selectItem noSelectionOption="true" itemLabel="-- Selecione um estado --" itemValue=""/>
                                    <f:selectItem itemValue="AM" itemLabel="AM"/>
                                    <f:selectItem itemValue="RR" itemLabel="RR"/>
                                </h:selectOneMenu>
                                <p:message for="estado"/>

                            </h:panelGrid>
                            <h:panelGrid columns="1">
                                <h:commandButton value="Salvar" action="#{tecnico.salvar}"> 
                                    <!--f:param name="idPessoa" value="{tecnico.novotecnico.fkPessoa.idPessoa}"/-->
                                </h:commandButton>
                            </h:panelGrid>        
                        </p:tab>
                        <p:tab title="Dados Pessoais" rendered="#{tecnico.etapaCadastro==1}">
                            <h:panelGrid columns="2">
                                <h:outputText value="Nome:"/>
                                <h:outputText  value="#{pessoa.novapessoa.nome}" style="font-weight: bold;color: red;"/>
                                <h:outputText value="e-mail"/>
                                <h:outputText value="#{pessoa.novapessoa.email}" style="font-weight: bold;color: red;"/>   
                                <h:outputText value="CPF:"/>
                                <h:outputText value="#{pessoa.novapessoa.cpf}" style="font-weight: bold;color: red;"/>
                                <h:outputText value="Data de Nascimento:"/>
                                <h:outputText value="#{pessoa.novapessoa.datanascimento}" style="font-weight: bold;color: red;" />
                                <h:outputText value="Telefone:"/>
                                <h:outputText value="#{pessoa.novapessoa.telefone1}" style="font-weight: bold;color: red;"/>
                                <h:outputText value="Celular:"/>
                                <h:outputText value="#{pessoa.novapessoa.celular1}" style="font-weight: bold;color: red;"/>
                            </h:panelGrid>
                        </p:tab>
                        <p:tab title="Dados de Usuario" rendered="#{tecnico.etapaCadastro==1}">
                            <h:panelGrid columns="3">
                                <h:outputText value="Login:"/>
                                <p:inputText id="login" value="#{usuario.usuario.userlogin}" size="20" maxlength="20" required="true" requiredMessage="Campo Obrigatorio"/>
                                <p:message for="login"/>
                                <h:outputText value="Senha: " />  
                                <p:password id="senha1" value="#{usuario.usuario.senha}" 
                                            feedback="true" required="true" 
                                            maxlength="100" requiredMessage="Campo Obrigatorio" 
                                            minLength="6" promptLabel="Por favor insira a senha, minimo 6 caracteres" weakLabel="Fraca"  
                                            goodLabel="Boa" strongLabel="Excelente" />  
                                <p:message for="senha1"/>
                                
                                <h:outputText value="Escolha o Nivel de acesso do usuario: "/>
                                <h:selectOneMenu id="acesso" value="#{usuario.usuario.acesso}" required="true" requiredMessage="Campo Obrigatório">
                                    <f:selectItem noSelectionOption="true" itemLabel="-- Selecione um Nivel --" itemValue=""/>
                                    <f:selectItem itemValue="ADM" itemLabel="Administrador"/>
                                    <f:selectItem itemValue="CLI" itemLabel="Cliente"/>
                                    <f:selectItem itemValue="TEC" itemLabel="Tecnico"/>
                                </h:selectOneMenu>
                                <p:message for="acesso"/>
                            </h:panelGrid>
                            <h:panelGrid columns="1">
                                <h:commandButton value="concluir Cadastro" action="#{usuario.salvar}">
                                    <f:param name="idTecnico" value="#{tecnico.novotecnico.idTecnico}"/>
                                </h:commandButton>
                            </h:panelGrid>        
                        </p:tab>

                    </p:tabView>
                </p:panel>
            </h:form>
        </ui:define>
    </ui:composition>
</html>